1.稼動中の SQL Anywhere データベース･サーバをすべてシャット・ダウンします。

Windows の場合、コマンド・プロンプトを開き、以下のコマンドを実行します (ファイルjson.html が同じディレクトリ内にあることを確認します)。

dbsrv11 "%SQLANYSAMP11%\demo.db" -xs http{port=8080}

Linux の場合、ターミナルを開き、以下の 2 つのコマンドを実行します (ファイルjson.html が同じディレクトリ内にあることを確認します)。

source /opt/sqlanywhere/samples/sample_config.sh

dbsrv11 $SQLANYSAMP11/sqlanywhere/demo.db -ud -xs http{port=8080}

最後のコマンドで SQL Anywhere データベース・サーバを起動し、ポート 8080 でHTTP 要求を受信するように指示します。8080 がすでに使用中の場合は、別のポート番号を使用することもできます。


2. Interactive SQL を開いて以下のコマンドを実行し、デモ・データベースに接続します。

dbisql -c "eng=demo;uid=dba;pwd=sql"

3. ローカル (作業) ディレクトリから HTML ページを読み込むストアド・プロシージャを作成します。以下のコードをコピーして、Interactive SQL に貼り付けます。[F5] を押して実行します。

CREATE PROCEDURE sp_root()
BEGIN
    CALL dbo.sa_set_http_header( 'Content-Type', 'text/html' );
    SELECT xp_read_file( 'json.html' );
END;

4. Products テーブルの Name および Description カラムに基づいてテキスト構成オブジェクトの myTxtConfig を参照するテキスト・インデックスを作成します。この例では、テーブルのデータが頻繁に変更されないため、リフレッシュ間隔は 24 時間で十分であると想定します。
以下の文を実行します。

CREATE SERVICE "root"
TYPE 'RAW'
AUTHORIZATION OFF
USER DBA
AS CALL sp_root();

5. テキスト・インデックスを初期化します ([F5] を押して実行)。

CREATE SERVICE "employees"
TYPE 'JSON'
AUTHORIZATION OFF
USER DBA
AS SELECT * FROM "Employees";

6. インターネット・ブラウザを開いて、http://localhost:8080/demo/ にナビゲートします。


7. [Get Employees] ボタンをクリックすると、従業員の Web サービスに対する AJAX 要求が表示されます。デモ・データベースの従業員リストが表示されます。




8. HTML ページで、ユーザ関数 "getEmployees" を呼び出します。この関数は、XMLHttpRequest オブジェクトを使用して要求を実行します。その後、JSON フォーマットの応答として、応答テキストを評価します。以下に、関連コードの抜粋を示します。

// Create an XMLHttpRequest
try {
    // Firefox, Opera 8.0+, Safari, IE7+
    jsonHttp = new XMLHttpRequest();
} catch (e) {
    // Internet Explorer
    try {
        jsonHttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
        jsonHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
}

// Evaluate JSON response text and assign to an object.
// employeeList becomes an array of the result set rows.
// Individual fields can be accessed by the format employeeList[<Row Number>].<Column Name>
employeeList = eval("(" + jsonHttp.responseText + ")");

// Iterate through list and print names in "Lastname, Firstname" format
document.getElementById("employeeListDiv").innerHTML = "<h2>Employee List</h2>";
for (x in employeeList)
{
    document.getElementById("employeeListDiv").innerHTML += employeeList[x].Surname + ", " +employeeList[x].GivenName + "<br>";
}

9. ファイル json.html のコンテンツをさらに調査して、JSON 応答の使用方法に関する詳細を確認することもできます。


10. インターネット・ブラウザを終了します。


11. このサンプルで使用したデータベース・オブジェクトを削除する場合は、Interactive SQL で以下の文を実行します。

DROP SERVICE "employees";
DROP SERVICE "root";
DROP PROCEDURE sp_root;

12. Interactive SQL および SQL Anywhere データベース･サーバをシャット・ダウンします。